<!DOCTYPE html>
<html lang="en">


<head th:fragment="head">
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <!--百度网站验证-->
    <meta name="baidu-site-verification" content="code-yyop3mOJow" />
    <!--谷歌网站验证-->
    <meta name="google-site-verification" content="RiPanqdFzlLKIEe-QN_iFjK30LMf2gNNMCxJ4ZLL0YU" />
<!--    <meta property="og:url"                content="http://www.yinpeiauto.com/page/detail/18164" />-->
    <title th:text="${pageInf.title}">YINPEI AUTO PARTS</title>
    <link rel="icon" type="image/x-icon" th:href="@{/static/index/img/favicon.png}" >
    <meta name="keywords" th:content="${pageInf.keywords}" />
    <meta name="description" th:content="${pageInf.description}" />
    <link rel="stylesheet" th:href="@{/static/index/css/swiper-3.4.2.min.css}">
    <link rel="stylesheet" th:href="@{/static/index/css/GL.css}">
    <link rel="stylesheet" th:href="@{/static/index/layui/css/layui.css}">
    <script th:src="@{/static/index/js/jquery-3.1.1.min.js}" type="text/javascript" charset="utf-8"></script>
    <script th:src="@{/static/index/layui/layui.js}"></script>
    <script th:src="@{/static/index/js/swiper-3.4.2.jquery.min.js}" type="text/javascript" charset="utf-8"></script>
    <script th:src="@{/static/index/js/swiper-3.4.2.min.js}"></script>
    <!--站长流量统计工具-->
    <script charset="UTF-8" id="LA_COLLECT" src="//sdk.51.la/js-sdk-pro.min.js"></script>
    <script>LA.init({id:"JybJXzxP2h8LOVlO",ck:"JybJXzxP2h8LOVlO"})</script>
    <!--谷歌广告联盟 AdSense 代码段 -->
    <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-4124501627833447"
            crossorigin="anonymous"></script>
</head>
<div class="header_head" th:fragment="page-top">
    <div class="header_head_box">
        <a href="/static/#" class="img"><img th:src="@{/static/index/img/logo.png}" /></a>
        <ul>
            <li>
                <a href="http://yinpeiauto.com/login">Please login</a>
            </li>
            <li>
                <a href="http://yinpeiauto.com/" class="li_2">Sign Free</a>
            </li>
        </ul>
    </div>
</div>

<!--搜索导航+联系方式-->
<div class="header_sous" th:fragment="search-nav">
    <div class="header_form">
        <input id="searchOem" type="text" placeholder="Oem Search" />
        <a href="javascript:search();"><img th:src="@{/static/index/img/img_09.png}" /></a>
    </div>
    <div class="hrader_contact">
        <span style="width: 320px !important;">
            <H3>CONTACT</H3>
            <p th:text="${'Sales Manager:&nbsp;' + contact.name}"> Tango</p>
            <p th:text="${'WhatsApp/Wechat:&nbsp;' + contact.phone}"> whatsApp/Wechat:: +86 18058448261</p>
            <p th:text="${'email:&nbsp;' + contact.email}"> email: 940798525@qq.com</p>
        </span>
        <span style="width: 93px !important;">
            <p>WhatsApp</p>
            <img th:src="${contact.qrCodeWhatsapp}" width="90px" height="90px">
        </span>
        <span style="width: 93px !important; margin-left: 16px;">
            <p>WeChat</p>
            <img th:src="${contact.qrCodeWeChat}" width="90px" height="90px">
        </span>
    </div>
<!--    <div style="clear:both"></div>  ${'TYPE: &nbsp;&nbsp;' + detail.catalogEnname}-->
    <nav>
        <ul>
            <li>
                <a href="/">HOME</a>
            </li>
            <li>
                <a href="/page/catalog">PRODUCT</a>
            </li>
        </ul>
    </nav>
</div>
<!--车型搜索 + 产品目录-->
<div class="header_main_left" th:fragment="catalog">
    <div class="catalog-title">
        MODEL SEARCH
    </div>
    <div class="layui-tree layui-tree-line">
        <input id="searchModel" class="model_search" placeholder="Keyword of Car FullName" />
        <a style="position: absolute" href="javascript:searchModel();">
            <img src="/static/index/img/searchModel.png" height="32px" width="32px" style="margin-top: 4px;margin-left:-1px">
        </a>
    </div>
    <div class="layui-tree layui-tree-line">
        <select id="searchType" class="type_search" placeholder="Select Type">
            <option value="0">-- Type --</option>
            <option th:each="type : ${catalogs}" th:text="${type.catalogEnname}" th:value="${type.id}"></option>
        </select>
    </div>
    <div style="clear-after: both"></div>
    <div class="catalog-title">
        CATALOG
    </div>
    <div id="catalogTree">
    </div>
</div>

<!--宽度固定1190px-->
<div class="footer" th:fragment="footer">
    <div class="footer-body">
        <div class="footer-left">
            <div class="footer-info" style="text-align: center">CATALOG</div>
            <ul>
                <li th:each="type : ${catalogs}">
                    <a th:href="@{${#httpServletRequest.getScheme() + '://' + #httpServletRequest.getServerName()}  + '/page/catalog/' + ${type.id} }"
                                                    th:text="${type.catalogEnname}" > </a>
                </li>
            </ul>
        </div>
        <div style="border:1px dashed;float:left;height: 160px"></div><!--这个div模拟垂直分割线-->
        <div class="footer-right">
            <div class="footer-info">
                WENZHOU YINPEI TRADING CO.,LTD.
            </div>
        </div>
        <div style="clear: both"></div>
    </div>

</div>

</html>
